<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
    <title>printArticle</title>

    <!-- 加载第三方库JS >>>>>>>>>>>>> -->
    <script src="./lib/js/polyfill.min.js"></script>
    <script src="./lib/js/jquery.min.js"></script>
    <script src="./lib/js/lodash.min.js"></script>
    <script src="./lib/js/bookjs/latest/bookjs-eazy.min.js"></script>
    <script src="./lib/js/markdown.min.js"></script>
    <!-- <<<<<<<<<<<<< 加载第三方库JS -->

    <style>
        /* 公共样式 >>>>>> */
        body {
            font-family: FangSong, STFangsong;
        }

        h1,
        h2,
        h3,
        h4 {
            font-weight: bold;
            /* padding-bottom: 25px;
            padding-top: 42px; */
        }

        h1 {
            font-size: 24px;
            font-family: KaiTi, STKaiti;
            line-height: 26px;
            text-align: center;
            padding-top: 0;
        }

        h2 {
            font-size: 20px;
            font-family: KaiTi, STKaiti;
            line-height: 25px;
        }

        h3 {
            text-align: right;
            font-size: 16px;
        }

        h4 {
            font-size: 15px;
        }

        p {
            text-indent: 28px;
            letter-spacing: 1.4px;
            line-height: 21px;
            padding: 6px 0;
            font-size: 14px;
        }

        p.nop-link-last {
            text-indent: 0;
        }

        strong {
            font-family: KaiTi, STKaiti;
        }

        /* <<<<< 公共样式 */

        /* 书名 >>>>>> */
        .book-title-wrapper {
            text-align: center;
        }

        .book-title-wrapper .title {
            font-size: 25px;
            padding-top: 250px;
        }

        .book-title-wrapper .subtitle {
            font-size: 20px;
            padding-top: 60px;
        }

        /* <<<<< 书名 */


        /* 纸张高度 >>>>>> */
        .nop-book-preview .nop-page-item>div {
            height: 300mm;
        }

        /* <<<<< 纸张高度 */

        /* 文本换行【bugfix: 中英文在同一行显示错乱】 >>>>>> */
        .nop-text {
            word-break: break-all;
        }

        /* <<<<< 文本换行【bugfix: 中英文在同一行显示错乱】 */
    </style>
</head>

<body>
    <div id="content-box" style="display: none">
        <!-- markdown -->
        <textarea id="markdown-content" style="display: none">
            # 汽车租赁合同(自驾)
    
            **出租人**(以下简称为甲方):广州风神汽车租赁有限公司
            合同号:

            **承租人**(以下简称为乙方)
            ## 一、租赁的车辆和期限
            乙方从     年   月    日起至   年    月    日止,共  个月,向甲方租用汽车   辆。
            车型:                ; 颜色:    ;座位数:     ; 车牌:   ;
            租赁车辆车况及交付以现车并经双方签字确认《租赁车辆交接单》为准。
            ## 二、租金、保证金收费标准,付款方式和超里程约定。
            1. 租赁期内平均每月限驶5000公里,每月租金      元,共计       元,于签定本合同时付当次租金      元; 租金可转账支付。

            (如遇国家政策调整,支付的租金应等于不含税价与新税率的核计数)  

            2. 租赁期内车辆超里程部分,每公里收2元,使用超时部分,4小时内按每小时50元加收,超4小时则按1天的价格收费。(日租金=月租金÷30)

            3. 车辆到期未按时归还的超期部分,按实际用车时间结算。

            4. 乙方需支付      元作为保证金。合同期满,如无发生交通意外和违章等情况并付清租赁费用,甲方应在乙方还车之日起20天内如数退回保证金给乙方。(不计利息)
            ## 三、甲方的权利和义务
            1. 租赁用车的所有权属于甲方。
            
            2. 保证所提供的车辆状况和技术性能符合该车型正常使用标准,备齐备胎,随车工具,保证各种证照齐全有效,并与乙方交接清楚。
            
            3. 负责办理交强险,车损险,第三者责任险(100万元),车上人员责任险1万/位,等险种的投保手续并承担相关费用。如甲方未按以上规定金额足额投保,发生保险事故时,甲方应承担由此而产生的相关责任。若乙方需办理其它险种投保手续,甲方负责代办,费用由乙方支付。
            
            4. 协助乙方处理发生的交通事故和按保险公司规定办理索赔手续。
            
            5. 甲方不承担租赁车辆期间由于乙方驾驶员非正常操作导致的交通事故或其它事故造成的一切后果,包括但不限于有关部门的罚款、财产损失及人身损失等。
            
            6. 当甲方认为租赁车辆安全及相关权益受到威胁并提供相关证明时,可要求乙方釆取合理措施予以改善,如乙方在收到该要求后的30日内仍拒绝改善的,则甲方有权收回车辆。若车辆确已受损失或相关权益受到损害,甲方有权要求乙方赔偿。
            
            7. 未经甲方许可,乙方拖欠租金超过5日并在甲方要求支付后10日内仍未支付的,甲方有权收回车辆并解除本合同。
            ## 四、乙方的权利和义务
            1. 保证向甲方提供的营业执照、公章,身份证及其它资料真实有效。
            
            2. 保证按期足额向甲方交纳租金。银行账户:中国银行股份有限公司广州花都风神大道支行 账号:6626 5775 5494. 
            
            3. 认真验收车辆,点清车辆附件,正确使用车辆,维护车辆的完好,经常做五油三水、底盘,轮胎气压、灯光等常规检查,如发现问题,应及时与甲方联系。承担因乙方操作不当,保管不善造成的车辆损坏及附件遗失等相关责任并负赔偿责任。
            
            4. 租赁期间,按每7000公里的标准进行保养,到期乙方需提前联系甲方,按规定保养,如未定期做保养或因乙方非正常操作造成的车辆损坏,维修费用全部由乙方承担。如车辆发生各类机件故障,应及时联系甲方并到指定修理厂进行检修,不得自行送外厂修理。人为造成车辆故障,修理费用自理。归还车辆时,因乙方原因,造成车辆修理质量低劣而需重新修复更换的,乙方必须承担全部修复费用。
            
            5. 乙方应经常对轮胎进行常规检查,因乙方行驶过程中轮胎扎钉或碰撞异物引致轮胎破损的,乙方应承担维修或换胎费用。但如果轮胎每行驶60000公里,轮胎应按实际情况更换一次,换胎费用由甲方承担。
            
            6. 车辆年检时,乙方应将车辆整修好,保证干净整洁,按甲方的要求参加年检,不得私自改装或加装车辆设施,乙方应对车辆及车辆附带设施的完好、齐全负责,不得损坏、丢失。如乙方未按要求参加年检和检修造成的损失由乙方负责。
            
            7. 如发生交通事故,乙方应当保护现场,第一时间通知甲方和反映事故经过,及时报警和报保险公司,事故处理结束时将交通管理部门出具的“事故认定书”和保险公司出具的“机动车辆估损单”及时送交甲方,甲方据此办理保险索赔事宜。因不能提供交通管理部门的“事故认定书”和未及时向保险公司报案而无法向保险公司索赔的,其事故造成的全部损失均由乙方承担。能提供交通管理部门证明,且经保险公司索赔后,剩余金额由乙方承担。否则,事故损失金额由乙方负责向甲方赔偿。
            
            8. 车辆限在广东省范围内行驶,如乙方确要驶出本省,须得到甲方认可,并承担出省发生的一切费用和相关责任。
            
            9. 乙方指定的驾驶员应持有中华人民共和国交通管理部门签发的有效机动车驾驶证,并有两年以上的驾驶经验。乙方不能将车辆交给无证人员驾驶,否则一切后果由乙方负责,造成的经济损失由乙方全部承担。
            
            10. 乙方保证自觉遵守中华人民共和国交通规则,严禁使用车辆进行违法活动,禁止将车辆作学车、竞赛和作测试使用,严禁使用车辆进行盈利性质运输及运送易燃、易爆、腐蚀性物品和违禁、危险品等,否则由此造成的一切经济损失由乙方承担并负相关连带责任。
            
            11. 承担租赁期内因车辆(驾驶员)交通违章而发生的行政和经济处罚责任。
            
            12. 乙方不得擅自将车辆转租,倒卖、抵押、典当,出借,不能擅自拆装车体,零件。因此造成一切相关责任和经济损失,概由乙方负责赔偿。
            
            13. 乙方必须将租赁的车辆按有关部门规定,在有专人看管的地点停放保管。因乙方保管不善,造成车辆被盗、被损的,一切经济损失均由乙方承担 。
            
            14. 乙方在使用车辆期间若丢失牌照、牌证,必须承担补办牌照、牌证的全部费用及所造成的损失。
            
            15. 乙方在合同期满后有车辆续租优先权。
            
            16. 合同期满不再续租时,乙方应在合同期满日前在广州市甲方所在地还车,还车时须保持车辆清洁、性能良好、设备齐全,并无任何刮、碰、损坏及设备不齐全现象。如有需修项目,由甲方指定的维修单位定价,乙方支付费用 。
            ## 五、其它
            1. 车辆的燃油费、路桥费,停放保管等杂费由乙方自理。
            
            2. 乙方驾驶员驾驶车辆发生事故时,车辆施救费,修理费由乙方支付,甲方据此为乙方办理保险索赔手续,保险公司理赔后,由甲方退还给乙方,对于超出保险以外的损失,由乙方承担,不限于车辆维修费、停运费、并承担因乙方原因,导致的车辆加速折旧费等。

            (加速折旧费相当于本次事故总损失额的20%)
            
            3. 若乙方违反本合同规定,甲方有权在任何时候收回车辆,终止合同,并向乙方追索赔偿。
            
            4. 租赁期间内如遇国家重大经济政策变化,甲方或乙方遇有不可抗拒的客观情况时,经双方协调可对合同条款作相应调整。
            
            5. 双方签定本合同后,还须登记有关证件,签署车辆交接单,作为结算凭证。
            
            6. 在租赁期间内任何一方无故提前终止合同的,应向对方赔偿合同期内剩余租金的50%作为违约金。
            
            7. 本合同的变更与解除,必须经合同双方协商一致,签署书面协议方能生效。因履行本合同过程中发生任何争议,双方均应友好协商解决,无法协商一致时可向甲方所在地提起诉讼。
            
            8. 乙方所租车辆的《租赁车辆交接单》须经双方确认,该单据是本合同不可分割的部分,与本合同具有同等的法律效力。
            
            9. 本合同共3页,一式两份,甲乙双方各执壹份。本合同届满10天前,乙方未作出不再续签合同的表示时,本协议有效期自动顺延,直至双方解除合同为止,此后亦同。
            
            10. 本合同自签订之日起生效,至车辆归还,费用结清之日失效。
            
            **甲方:**广州风神汽车租赁有限公司              **乙方:**    

            **甲方地址:**广州市花都区风神大道10号         **乙方地址:**

            **法定代表人:**                                **法定代表人:**

            **委托代理人:**                                **委托代理人:**

            **联系电话:**                                  **联系电话:**
        </textarea>
        <!-- markdownToHTML -->
        <div id="html-wrapper" style="display: none;"></div>
    </div>

    <script>
        bookConfig = {
            pageSize: 'ISO_A4',
            orientation: 'portrait',
            padding: "22mm 25.4mm 22mm 25.4mm",
            simplePageNum: {
                pageBegin: '#voucher-title-0'
            },
            toolBar: {
                webPrint: true,
                // serverPrint:{
                //     serverUrl: "http://127.0.0.1:3000"
                // }
            },
            start: false
        }
    </script>
    <script>
        // ---------- 内容模板 >>>>>>>>>>>> --------
        function markdownToHTML() {
            const markdownContent = $("#markdown-content").val();
            const markdownFormat = _.replace(markdownContent, / /g, "");
            const markdownToHTML = markdown.toHTML(markdownFormat);
            $('#html-wrapper').html(markdownToHTML);
        };
        function HTMLToPrintTemplate() {
            const template = [];
            let volumeIndex = 0;
            let chapterIndex = 0;
            $('#html-wrapper').children().each(function () {
                const element = $(this)[0];
                if (element.localName === 'h1') {
                    template.push('<div data-op-type="new-page"></div>');
                    template.push(`<div data-op-type="mix-box"><${element.localName} id="voucher-title-${volumeIndex}" data-op-type="text">${element.innerHTML}</${element.localName}></div>`);
                    volumeIndex += 1;
                    chapterIndex = 0;
                } else if (element.localName === 'h2') {
                    template.push(`<div data-op-type="mix-box"><${element.localName} id="chapter-title-${volumeIndex}-${chapterIndex}" class="nop-text" data-op-type="text">${element.innerHTML}</${element.localName}></div>`);
                    chapterIndex += 1;
                } else {
                    template.push(`<div data-op-type="mix-box"><${element.localName} class="nop-text" data-op-type="text">${element.innerHTML}</${element.localName}></div>`);
                }
            });
            return template.join('');
        };
        function contentTemplate() {
            markdownToHTML();
            return HTMLToPrintTemplate();
        }
        function setTemplate() {
            let template = [];
            template.push(contentTemplate())
            $('#content-box').html(template.join(''));
        }
        // ---------- <<<<<<<<<<< 内容模板 ---------

        // ---------- 渲染 >>>>>>>>>>>> --------
        function startRender() {
            bookConfig.start = true;
        }
        // ---------- <<<<<<<<<<< 渲染 ---------

        // ---------- 打印多出空白页bugfix >>>>>>>>>>>> --------
        function setPaperPosition() {
            $.each($('.nop-page'), (index, value) => {
                $(value).removeClass('nop-page')
                $(value).css('padding-bottom', 0)
                $(value).css('position', 'relative')
                if (index == 1) {
                    // index == 1 是封面,封面需特殊处理边距
                    $(value).css('padding-top', '28mm')
                } else {
                    $(value).css('padding-top', '18mm')
                }
            })
        }
        function setPaginationPosition() {
            $('.page-num-simple').css({
                "padding-bottom": 0,
                "padding-top": '4mm',
                'font-size': '12px',
                "position": "absolute",
                "bottom": "10mm"
            });
        }
        function bugfixPrintBlankPage() {
            if ($('.nop-page').length) {
                setPaperPosition();
                setPaginationPosition();
            } else {
                requestAnimationFrame(bugfixPrintBlankPage)
            }
        }
        // ---------- <<<<<<<<<<< 打印多出空白页bugfix ---------
        function init() {
            // setDocumentTitle();
            setTemplate();
            startRender();
            bugfixPrintBlankPage();
        }
        $(function () {
            init();
        })
    </script>
</body>

</html>